/***********************************
    check-box 复选框样式
***********************************/
.check-box{
    -fx-font-size:14px;
    -fx-text-fill:#303133;
}
.check-box >. box{
    /*-fx-padding: 0px;*/
    -fx-background-insets: 0;
    -fx-background-color: transparent;
}
.check-box > .box > .mark{
    -fx-background-insets:0;
    -fx-background-radius: 3;
    -fx-border-color: #D4D7DE;
    -fx-border-radius: 3px;
    -fx-background-color: #F2F3F5;
    -fx-shape: none;
}
.check-box:selected{
    -fx-text-fill:#5C80EF;
}
.check-box:selected > .box > .mark{
    -fx-background-color: #5C80EF;
    -fx-border-color: transparent;
    -fx-background-image: url("checkbox.png");
    -fx-background-size:contain;
}

.text-field{
    -fx-pref-width:250.0 ;
    -fx-font-size: 13px;
    -fx-font-weight: 500;
    -fx-border-radius: 4px;
    -fx-border-color: #708090;
    -fx-background-radius: 4px;
    -fx-background-insets:0;
    -fx-background-color:transparent;
}
.text-field.short{
    -fx-pref-width: 65.0;
}
.head{
    -fx-font-weight: bold;
    -fx-font-size: 17px;
}
.label{
    -fx-font-size: 15px;
}
.changePathBtn{
    -fx-cursor: hand;
    -fx-background-color:#5C80EF ;
    -fx-background-radius: 5px;
    -fx-text-fill: white;
    -fx-font-size: 11px;
}
.button{
    -fx-background-radius: 10;
    -fx-font-size: 14.0;
    -fx-font-weight: bold;
    -fx-cursor: hand;
}
.button.sure{
    -fx-background-color: #FFDAB9;
}
.button.back{
    -fx-background-color: #BBFFFF;
}

.slider > .thumb {
    -fx-background-color:
            derive(-fx-color,-36%),
            derive(-fx-color,73%),
            linear-gradient(to bottom, derive(-fx-color,-19%),derive(-fx-color,61%));
    -fx-background-insets: 0, 1, 2;
    -fx-background-radius: 0; /* makes sure this remains circular */
    -fx-padding: 0.583333em; /* 7 */
}
/*.slider > .track {*/
/*    -fx-background-color:*/
/*            -fx-shadow-highlight-color,*/
/*            derive(-fx-color,-22%),*/
/*            linear-gradient(to bottom, derive(-fx-color,-15.5%), derive(-fx-color,34%) 30%, derive(-fx-color,68%));*/
/*    -fx-background-insets: 1 0 -1 0, 0, 1;*/
/*    !*-fx-background-radius: 2.5, 2.5, 1.5;*!*/
/*    -fx-padding: 0.208333em; !* 2.5 *!*/
/*}*/
.slider .track {
    -fx-background-color: rgb(119, 227, 102);
    -fx-background-radius: 0;
    -fx-background-insets: 0;
    -fx-padding: 4;
    -fx-pref-width: 230;
}